{extend name="public/audit" /}
{block name='body'}
<div style="background: white">
   <!-- <div class="layui-btn-group">
        <button class="layui-btn" id="addCat">新增分类</button>
    </div>-->
    <table class="layui-hide" id="listRes" lay-filter="cats"></table>
</div>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="detail">详情</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<script type="text/html" id="catName">
   {{d.category.Name}}
</script>

<script>

    layui.config(
        {
            base:"__JS__/"
        }
    ).use(['res','table', 'layer', 'jquery'], function () {
        let table = layui.table, layer = layui.layer, $ = layui.jquery;//表格
        let resopnse=layui.res;


        //执行一个 table 实例
        table.render({
            elem: '#listRes'
            , height:500
            , url: "{:url('audit/listResAllApi')}" //数据接口
            , page: true//开启分页
            , cellMinWidth: 100
            , response: {
                statusName: 'errno' //数据状态的字段名称，默认：code
                , statusCode: 0 //成功的状态码，默认：0
                , msgName: 'errmsg' //状态信息的字段名称，默认：msg
                , countName: 'count' //数据总数的字段名称，默认：count
                , dataName: 'data' //数据列表的字段名称，默认：data
            }
            , cols: [[
                {type: 'numbers'}
//                ,{type: 'checkbox'}
                , {field: 'PK_ResourceGuid', title: 'ID', unresize: true, sort: true, width: 88}
                , {field: 'Title', title: '资源名称'}
                , {field: 'Desc', title: '详细内容'}
                , {field: 'category', title: '所属分类',templet:'#catName'}
                , {field: 'CreateTime', title: '创建时间', sort: true, width: 150}
                , {field: 'UpdateTime', title: '最后修改时间', sort: true, width: 150}
                , {field: 'DeleteTime', title: '删除时间', sort: true, width: 150}
                , {field: 'Status', title: '状态', width: 110, templet: '#checkboxTpl', unresize: true}
                , {title: '操作', fixed: 'right', width: 200, align: 'center', toolbar: '#barDemo'}
            ]]
        });


        table.on('tool(cats)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            let data = obj.data; //获得当前行数据
            let layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            let tr = obj.tr; //获得当前行 tr 的DOM对象


            switch (layEvent){
                case 'detail':{
                    layer.open({
                        type:2,
                        title:'资源预览',
                        area:['1234px','700px'],
                        content:"{:url('audit/detailRes')}?guid="+data.PK_ResourceGuid
                    });
                } break;
                case 'del':{
                    layer.confirm('真的删除吗',function () {
                        resopnse.delete("{:url('audit/deleteResApi')}?guid="+data.PK_ResourceGuid);
                        obj.del();
                    })
                }
            }
            return ;
            if (layEvent === 'del') { //删除
                layer.confirm('真的删除行么', function (index) {
                    res.delete("{:url('audit/delCatApi')}?guid="+data.PK_ResourceGuid);
                    obj.update({
                        Status:'已删除'
                    }); //删除对应行（tr）的DOM结构，并更新缓存
                    layer.close(index);

                    //向服务端发送删除指令
                });
            } else if (layEvent === 'edit') { //编辑
                layer.open(
                    {
                        type: 2,
                        title: "修改分类",
                        area: ['415px', "666px"],
                        closeBtn: 0,
                        shadeClose: true,
                        skin: "",
                        content: "{:url('audit/addCat')}?guid="+data.PK_ResourceCategoryGuid
                    }
                );
                //同步更新缓存对应的值
                obj.update({
                    Name: '请刷新后查看'
                    , Icon: '请刷新后查看'
                });
            }
        });

        $('#addCat').click(function () {
            layer.open(
                {
                    type: 2,
                    title: "添加分类",
                    area: ['415px', "666px"],
                    closeBtn: 0,
                    shadeClose: true,
                    skin: "",
                    content: "{:url('audit/addCat')}"

                }
            )
        })
    });
</script>
{/block}
